<template>
  <CommonPage :show-header="false">
    <div class="wh-full flex">
      <el-result
        m-auto
        status="404"
        title="404 您访问的页面不存在"
        sub-title="生活总归带点荒谬"
        size="large"
      >
        <template #extra>
          <el-button type="primary" ghost @click="replace('/')"
            >返回首页</el-button
          >
        </template>
      </el-result>
    </div>
  </CommonPage>
</template>

<script lang="ts" setup>
import { CommonPage } from "@/components/common/index.js";

const { replace } = useRouter();
</script>
